<!DOCTYPE html>
  <html>
  <head>
      <meta charset="utf-8">
      <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
      <title>title</title>
      <link rel="stylesheet" type="text/css" href="../css/api.css"/>
      <style>
          html,
          body{
              height:100%;
              background-color: #f0f0f0;
          }
          header {
              background-color: #6AB494;
              border-bottom: solid #dddfe3 1px;
          }

          h1 {
              height: 50px;
              line-height: 50px;
              color: rgb(38, 38, 38);
              font-size: 20px;
              text-align: center;
          }

          .back {
              position: absolute;
              left: 0;
              bottom: 0;
              width: 50px;
              height: 50px;
              background: url(../image/header/back.png) center center no-repeat;
              background-size: 15px auto;
          }
          .item{
              height: 70px;

              padding-left: 15px;
              background-color: #fff;
              font-size: 16px;
          }
          .highlight {
              opacity: 0.7;
          }
          .picture{
              float: left;
              width:40px;
              height:40px;
              margin-top: 10px;
          }
          .left{
              float: left;
              margin-left: 15px;
              margin-top:15px;
          }
          .left .complain_content{
              color: #bbb;
              font-size: 15px;
              margin-top: 5px;
          }
          .complain_time{
              float:right;
              margin-top: 15px;
              color: #bbb;
              font-size: 15px;
              margin-right: 10px;
          }
          .item-hov{
              background-color: #a00;
          }
      </style>
  </head>
  <body>
      <header id="header">
          <div class="back event-back"></div>
          <h1>待办申诉</h1>
      </header>

      <div class="item"  tapmode="highlight" onclick="fnRight()">
          <image src="../image/complain_image.jpg" class="picture">
              <div class="left">
                  <div class="complain_name">
                      申诉人
                  </div>
                  <div class="complain_content">
                      呵呵
                  </div>
              </div>

          <div class="complain_time">
            11-12
          </div>
      </div>
      <div class="item"  tapmode="highlight" onclick="fnRight()">
          <image src="../image/complain_image.jpg" class="picture">
              <div class="left">
                  <div class="complain_name">
                      申诉人
                  </div>
                  <div class="complain_content">
                      呵呵
                  </div>
              </div>

          <div class="complain_time">
            11-12
          </div>
      </div>
      <div class="item"  tapmode="highlight" onclick="fnRight()">
          <image src="../image/complain_image.jpg" class="picture">
              <div class="left">
                  <div class="complain_name">
                      申诉人
                  </div>
                  <div class="complain_content">
                      呵呵
                  </div>
              </div>

          <div class="complain_time">
            11-12
          </div>
      </div>
      <div class="item"  tapmode="highlight" onclick="fnRight()">
          <image src="../image/complain_image.jpg" class="picture">
              <div class="left">
                  <div class="complain_name">
                      申诉人
                  </div>
                  <div class="complain_content">
                      呵呵
                  </div>
              </div>

          <div class="complain_time">
            11-12
          </div>
      </div>
      <div class="item"  tapmode="highlight" onclick="fnRight()">
          <image src="../image/complain_image.jpg" class="picture">
              <div class="left">
                  <div class="complain_name">
                      申诉人
                  </div>
                  <div class="complain_content">
                      呵呵
                  </div>
              </div>

          <div class="complain_time">
            11-12
          </div>
      </div>
      <div class="item"  tapmode="highlight" onclick="fnRight()">
          <image src="../image/complain_image.jpg" class="picture">
              <div class="left">
                  <div class="complain_name">
                      申诉人
                  </div>
                  <div class="complain_content">
                      呵呵
                  </div>
              </div>

          <div class="complain_time">
            11-12
          </div>
      </div>
      <div class="item"  tapmode="highlight" onclick="fnRight()">
          <image src="../image/complain_image.jpg" class="picture">
              <div class="left">
                  <div class="complain_name">
                      申诉人
                  </div>
                  <div class="complain_content">
                      呵呵
                  </div>
              </div>

          <div class="complain_time">
            11-12
          </div>
      </div>
      <div class="item"  tapmode="highlight" onclick="fnRight()">
          <image src="../image/complain_image.jpg" class="picture">
              <div class="left">
                  <div class="complain_name">
                      申诉人
                  </div>
                  <div class="complain_content">
                      呵呵
                  </div>
              </div>

          <div class="complain_time">
            11-12
          </div>
      </div>
      <div class="item"  tapmode="highlight" onclick="fnRight()">
          <image src="../image/complain_image.jpg" class="picture">
              <div class="left">
                  <div class="complain_name">
                      申诉人
                  </div>
                  <div class="complain_content">
                      呵呵
                  </div>
              </div>

          <div class="complain_time">
            11-12
          </div>
      </div>
      <div class="item"  tapmode="highlight" onclick="fnRight()">
          <image src="../image/complain_image.jpg" class="picture">
              <div class="left">
                  <div class="complain_name">
                      申诉人
                  </div>
                  <div class="complain_content">
                      呵呵
                  </div>
              </div>

          <div class="complain_time">
            11-12
          </div>
      </div>
  </body>
  <script type="text/javascript" src="../script/api.js"></script>
  <script type="text/javascript" src="../script/common.js"></script>
  <script type="text/javascript">
      apiready = function(){
          fnReady();
      };
      function fnRight(){

          api.confirm({
              title: '提示',
              msg: '是否同意申诉',
              buttons: ['同意', '驳回']
          }, function(ret, err) {
              var index = ret.buttonIndex;
          });
      };
  </script>
  </html>
